<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>关于我</title>
    <meta name="referrer" content="no-referrer"/>
    <link th:href="@{/css/bootstrap-3.3.7-dist/css/bootstrap.css}" rel="stylesheet">
    <link th:href="@{/css/bootstrap-3.3.7-dist/css/bootstrap-theme.css}" rel="stylesheet">
    <link th:href="@{/css/blog.css}" rel="stylesheet">
    <link th:href="@{/css/about.css}" rel="stylesheet">
    <script type="text/javascript" th:src="@{/js/jquery-3.0.0.js}"></script>
    <script type="text/javascript" th:src="@{/js/jquery-3.0.0.min.js}"></script>
    <script type="text/javascript" th:src="@{/css/bootstrap-3.3.7-dist/js/bootstrap.js}"></script>
    <script type="text/javascript" th:src="@{/css/bootstrap-3.3.7-dist/js/bootstrap.min.js}"></script>
<!--    <script type="text/javascript" th:src="@{/css/bootstrap-3.3.7-dist/js/npm.js}"></script>-->
</head>
<body style="background-color: #F2F2F2">
<div th:replace="head/blog::header"></div>
<div>
    <div class="container">
        <div class="row">
            <div class="col-md-8">
                <div>
                    <img src="../image/pikaqiu.jpg" class="img-rounded" style="height: 100%;width: 100%">
                </div>
            </div>
            <div class="col-md-4">
                <div>
                    <div class="panel panel-info">
                        <div class="panel-heading">
                            <h3 class="panel-title">关于我</h3>
                        </div>
                        <div class="panel-body m-center-border">
                            <p class="m-text">烈焰，一个热爱编程的爱好者，学习编程2~3年，希望与大家一起加油。</p>
                        </div>
                        <div class="panel-body m-center-border">
                            <span class="label label-success">编程</span>
                            <span class="label label-success">写作</span>
                            <span class="label label-success">运动</span>
                            <span class="label label-success">思考</span>
                            <span class="label label-success">游戏</span>
                        </div>
                        <div class="panel-body m-center-border">
                            <span class="label label-warning">Java</span>
                            <span class="label label-warning">JavaScript</span>
                            <span class="label label-warning">Jquery</span>
                            <span class="label label-warning">MySql</span>
                            <span class="label label-warning">...</span>
                        </div>
                        <div class="panel-body">
                            <a href="https://gitee.com">
                                <img src="../image/gitee.png" style="width: 50px;height: 50px" data-toggle="tooltip" data-placement="bottom" title="https://gitee.com">
                            </a>
                            <a href="https://wx.qq.com/">
                                <img src="../image/weixin.png" style="width: 50px;height: 50px" data-container="body" data-toggle="wxlogin" data-trigger="hover" data-placement="bottom">
                            </a>
                            <a href="#">
                                <img src="../image/QQ.png" style="width: 50px;height: 50px" data-container="body" data-toggle="qqlogin" data-trigger="hover" data-placement="bottom">
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div><br>
<div th:replace="head/blog::footer"></div>
<script type="text/javascript">
    $(function () {
        $('[data-toggle="popover"]').popover()
    })
    $(function () {
        $('[data-toggle="tooltip"]').tooltip()
    })

    // 微信二维码登录
    $(function (){
        $("[data-toggle='wxlogin']").popover({
            animation:true,//淡入淡出
            html:true,//content中插入html代码
            container:"body",
            content:"<img src='../image/login.png' style='width: 100px;height: 100px'/>",//插入图片的路径 及 样式
        });
    });
    // qq二维码登录
    $(function (){
        $("[data-toggle='qqlogin']").popover({
            animation:true,//淡入淡出
            html:true,//content中插入html代码
            container:"body",
            content:"<img src='../image/login.png' style='width: 100px;height: 100px'/>",//插入图片的路径 及 样式
        });
    });
</script>

<script type="text/javascript">
    $("#newBlog-container").load(/*[[@{/footer/newBlog}]]*/"/footer/newBlog")
</script>
</body>
</html>